$(function () {
    let lis = $('.banner_img_ul>li');
    let current = 0;
    lis.eq(current).show().siblings().hide()
    var timer;

    function run() {
        timer = setInterval(function () {
            current++
            current = current % lis.length;
            lis.eq(current).stop().fadeIn(1000).siblings().stop().fadeOut(1000);
        }, 3000)
    }

    run();

    // 上一张
    $('.last').on('click', () => {
        clearInterval(timer);
        current--;
        current = current % lis.length;
        lis.eq(current).show().siblings().hide();
        run();
    })

    // 下一张
    $('.next').on('click', () => {
        clearInterval(timer);
        current++;
        current = current % lis.length;
        lis.eq(current).show().siblings().hide()
        run();
    })
})